<template>
    <div id="root">
        <div id="root-content">
            <span style="font-size: 18px">欢迎来到oa管理系统</span>
            <el-calendar>
                <!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法-->
<!--                <template-->
<!--                        slot="dateCell"-->
<!--                        slot-scope="{date, data}">-->
<!--                    <p :class="data.isSelected ? 'is-selected' : ''">-->
<!--                        {{ data.day.split('-').slice(1).join('-') }} {{ data.isSelected ? '✔️' : ''}}-->
<!--                    </p>-->
<!--                </template>-->
            </el-calendar>
        </div>
    </div>
</template>

<script>
    export default {
        name: "ShowHomeView"
    }
</script>

<style scoped>
    #root {
        text-align: center;


    }

   #root-content{
       height: 500px;
   }

    /*今日所在时间的样式*/
    .el-calendar-table .el-calendar-day {
        box-sizing: border-box;
        padding: 0px;
        height: 65px;
    }

    .is-today > div {
        background-color: skyblue;
        content: '今日';
    }


</style>
